<template lang="">
	<view
		class="confirm-button"
		dir="rtl"
	>
		<view
			class="public-button"
			@click="public"
		>
			<text>发布</text>
		</view>
	</view>
</template>
<script>
export default {
  data() {
    return {

    }
  },
  methods: {
    public() {
      this.$emit('publish')
      console.log('click it--------')
    }
  },
}
</script>
<style lang="scss" scoped>
	.confirm-button {
		display: flex;
		padding: 40rpx 0;
		padding-right: 62rpx;

	}
	.sail-button {
		width: 350rpx;
		height: 80rpx;
		line-height: 80rpx;
		border-radius: 64rpx;
		text-align: center;
		background-color: #FFFFFF;
		border: solid 2rpx #3A62E9;
		margin-right: 48rpx;
		text {
			color: #3A62E9;
			font-size: 32rpx;
		}
	}
	.public-button {
		width:286rpx;
		line-height: 80rpx;
		height: 80rpx;
		text-align: center;
		border-radius: 64rpx;
		background-color: #3A62E9;
		 margin-left: auto;
		text {
			color: #FFFFFF;
			font-size: 32rpx;
			text-align: center;
		}
	}
</style>
